<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>用友在线运维</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <script src="static/sool/js/global.js"></script>
    <script>
        JsAndCssUtil.importCss("/static/css/amazeui");
        JsAndCssUtil.importCss("/static/sool/style/index");
        JsAndCssUtil.importCss("/static/sool/style/basic");
        JsAndCssUtil.importCss("/static/css/font-awesome");
    </script>
</head>
<body>

<!--头部logo与我要提问的显示-->
<div id="ContainerId">
    <script type="">
        renderNavBar();
    </script>
</div>

<!--我的问题与提问的图片显示-->
<div class="context ">
    <!--我的问题-->
    <div class="context-left am-fl">
        <div class="context-left-top">
            <h2 class="am-u-lg-10">
                <!--<i class="fa fa-skyatlas"></i>-->
                <img src="static/images/my.png" alt="">
                <strong>&nbsp;我的问题</strong>
            </h2>
            <span class="am-article-title am-u-lg-2"><a id="myQuestionmore" href="myProblem.html">更多>></a></span>
        </div>
        <div class="context-left-context1">
            <ul id="myQuestionList">
                <!--通过myQuestion_template模板加载-->
            </ul>
        </div>
    </div>
    <!--个人中心-->
    <div id="showKnowPicture" class="context-right am-fr">
        <!--通过showCommitQuestion_template模板加载-->
    </div>
</div>

<!--下面等你来回答和用户排行的展示-->
<div class="wait">

    <!--等你来回答-->
    <div class="context-left1 am-fl">
        <div class="context-left-top">
            <h2 class="am-u-lg-10">
                <img src="static/images/helpother.png" alt="">
                <strong>&nbsp;我要普度众生</strong>
            </h2>
            <span class="am-article-title am-u-lg-2"><a href="allQuestion.html" id="waitYouToanswermore">更多>></a></span>
        </div>
        <div class="context-left-context">
            <ul id="waitYouToAnswerList">
                <!--通过waitYouToAnswer_templata模板加载显示-->
            </ul>
        </div>
    </div>

    <!--排行榜-->
    <div class="wait-right am-fr record_divider">
        <div class="wait-right-top">
            <h3>
                <span class="wait-right-record"><img src="static/images/honor.png">&nbsp;用户论剑</span>
                <span class="wait-right-answer">回答数</span>
            </h3>
        </div>
        <div class="wait-context">
            <table id="recordList">
                <!--通过record_template模板加载显示-->
            </table>
        </div>
    </div>

</div>

<!--精华问题-->
<div class="recommend">

    <!--精华为题-->
    <div class="am-g am-container">
        <div class="am-g am-container doc-down-location">
            <h2 class="doc-title-margin doc-icon-myquestion1">
                <img src="static/images/essence.png" alt="">
                <strong>&nbsp;精华问题</strong>
                <span class="am-article-title doc-more-location hp-more"><a href="#" id="essencemore">更多>></a></span>
            </h2>

        </div>
        <div id="essenceQuestionList">
            <!--通过essenceQuestion_template模板加载生成数据-->
        </div>
    </div>

</div>

<!--底部-->
<footer class="am-margin-top doc-footer-color">
    <hr/>
    <p class="am-text-center">
        <small>
            @copy;2015用友能源科技有限公司版权所有 京ICP备15038140号-1   官方微博   用户协议
        </small>
    </p>
</footer>

<script type="text/javascript">
    JsAndCssUtil.importJs("/static/sool/js/jquery");
    JsAndCssUtil.importJs("/static/js/amazeui.min");
    JsAndCssUtil.importJs("/static/js/handlebars.min");
    /*加载logo和NAV和search*/

    JsAndCssUtil.importJs("/static/sool/js/nav");

    /*加载引入公共的useID的文件*/
    JsAndCssUtil.importJs("/static/sool/data/bindingData");
    JsAndCssUtil.importJs("/static/sool/data/index");
</script>

<!--[if lt IE 9]>
<script>
    JsAndCssUtil.importJs("/static/js/modernizr-2010.07.16dev");
    JsAndCssUtil.importJs("/static/js/amazeui.ie8polyfill.min");
</script>
<![endif]-->

<!--没有我的问题时加载图片-->
<script id="myQuestion_template_img" type="text/x-handlebars-template">
    <div class="myQuestionList-img">
        <img src="static/images/katong7.png">
    </div>
    <div class="myQuestionList-text">
        <h2 id="myQuestionList-text-para">您还没有提问过问题哦</h2>
    </div>
</script>


<!--加载显示我的问题-->
<script id="myQuestion_template" type="text/x-handlebars-template">
    {{#each this}}
    {{#compare status}}
    <li>
        <img src="static/images/newQuestion.png">&nbsp;&nbsp;
        <a href="{{mq_link}}">{{question_title}}</a>&nbsp;&nbsp;&nbsp;&nbsp;
        <i class="fa fa-comments"></i>
        <span>{{answercount}}个回答</span>
    </li>
    {{else}}
    {{#compare_status status}}
    <li>
        <img src="static/images/handling.png">&nbsp;&nbsp;
        <a href="{{mq_link}}">{{question_title}}</a>&nbsp;&nbsp;&nbsp;&nbsp;
        <i class="fa fa-comments"></i>
        <span>{{answercount}}个回答</span>
    </li>
    {{else}}
    <li>
        <img src="static/images/solved.png" style="width:21px;height:21px">&nbsp;&nbsp;
        <a href="{{mq_link}}">{{question_title}}</a>&nbsp;&nbsp;&nbsp;&nbsp;
        <i class="fa fa-comments"></i>
        <span>{{answercount}}个回答</span>
    </li>
    {{/compare_status}}
    {{/compare}}
    {{/each}}
</script>

<!--个人中心-->
<script id="showKnowPicture_template" type="text/x-handlebars-template">
    <div class="context-right-top">
        <!--<h2><img src="static/images/home.png">&nbsp;个人中心</h2>-->
        <img src="static/images/home.png">&nbsp;个人中心
    </div>
    <div class="context-right-context">
        <p>我为人人，人人为我</p>
        <p><img src="static/images/me.png" alt="" style="width:100px;height:100px"></p>
        <h6>已经帮助了<code>{{helpcount}}</code>人</h6>
            <span class="context-right-question">
                <a href="{{WQS_link}}" id="waityoutoansterStatue">待解答<code>{{question_states1}}</code></a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="{{WTHQS_link}}" id="waitToHandleStatus">待处理<code>{{question_states2}}</code></a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="{{SQ_link}}" id="solvedStatus">已解决<code>{{question_states3}}</code></a>
            </span>
    </div>
    <div class="context-right-button">
        <label for="doc-button1">
            <div id="doc-button1">
                <a href="{{MCQ_link}}" id="MyCommitQuestion">
                    <button class="doc-button1-btn1 doc-button-number">
                        <span>{{questioncount}}</span>
                    </button>
                    <button class="doc-button1-btn1 doc-button-text">
                        <span>我的提问</span>
                    </button>
                </a>
            </div>
        </label>
        <label for="doc-button2">
            <div id="doc-button2">
                <a href="{{MAQ_link}}" id="myAnswer">
                    <button class="doc-button2-btn2 doc-button-number">
                        <span>{{answercount}}</span>
                    </button>
                    <button class="doc-button2-btn2 doc-button-text">
                        <span>回答数</span>
                    </button>
                </a>
            </div>
        </label>
    </div>
    <div class="context-right-commit">
        <a href="{{MSUBQ_link}}" id="MyWantCommitQuestion">
            <button class="am-u-lg-12 am-btn am-btn-primary">
                我要提问
            </button>
        </a>
    </div>
</script>

<!--加载等你来回答的内容-->
<script id="waitYouToAnswer_templata" type="text/x-handlebars-template">
    {{#each this}}
    <li>
        <img src="static/images/newQuestion.png" alt="">&nbsp;&nbsp;
        <a href="{{wtaq_link}}">{{question_title}}</a>
    </li>
    {{/each}}
</script>

<!--排行榜的内容-->
<script id="record_template" type="text/x-handlebars-template">
    {{#each this}}
    {{#record_status1 @index}}
    <tr>
        <td><span class="am-badge am-badge-success am-radius am-text-sm wait-context-icon record-color">{{addOne @index}}</span>
        </td>
        <td class="wait-context-text"><span>{{user_name}}</span></td>
        <td>
            <span class="wait-context-number">{{answercount}}</span>
        </td>
    </tr>
    {{else}}
    {{#record_status2 @index}}
    <tr>
        <td><span
                class="am-badge am-badge-danger am-radius am-text-sm wait-context-icon record-color">{{addOne @index}}</span>
        </td>
        <td class="wait-context-text"><span>{{user_name}}</span></td>
        <td>
            <span class="wait-context-number">{{answercount}}</span>
        </td>
    </tr>
    {{else}}
    {{#record_status3 @index}}
    <tr>
        <td><span class="am-badge am-badge-warning am-radius am-text-sm wait-context-icon record-color">{{addOne @index}}</span>
        </td>
        <td class="wait-context-text"><span>{{user_name}}</span></td>
        <td>
            <span class="wait-context-number">{{answercount}}</span>
        </td>
    </tr>
    {{else}}

    {{#record_status4 @index}}
    <tr>
        <td><span class="am-badge am-badge-primary am-radius am-text-sm wait-context-icon record-color">{{addOne @index}}</span>
        </td>
        <td class="wait-context-text"><span>{{user_name}}</span></td>
        <td>
            <span class="wait-context-number">{{answercount}}</span>
        </td>
    </tr>
    {{else}}
    <tr>
        <td><span class="am-badge am-badge-secondary am-radius am-text-sm wait-context-icon record-color">{{addOne @index}}</span>
        </td>
        <td class="wait-context-text"><span>{{user_name}}</span></td>
        <td>
            <span class="wait-context-number">{{answercount}}</span>
        </td>
    </tr>
    {{/record_status4}}

    {{/record_status3}}

    {{/record_status2}}
    {{/record_status1}}
    {{/each}}
</script>


<!--加载显示精华问题-->
<script id="essenceQuestion_template" type="text/x-handlebars-template">
    {{#each this}}
    <div class="am-g am-container essureQuestion_divider">
        <div class="recommend-img hp-imgDiv">
            <!--<img src="http://identicon.relucks.org/000000000000000005{{getRandomImg}}?size=130" alt="努力加载中 T_T">-->
            <img src="{{imgUrl pk_sool_user}}">
        </div>
        <div class="hp-textDiv">
            <div class="hp-title">
                <a href="{{EQ_link}}">{{question_title}}?</a>
                <i class="fa fa-diamond doc-color"></i>
            </div>
            <div class="hp-context">
                {{short_description}}
            </div>
        </div>
        <div class="clearFloat"></div>
    </div>
    {{/each}}
</script>

<script>
    $(document).ready(function(){
        /*搜索按钮添加并传递数据*/
        searchClick();
        /*导航条样式选定的控制*/
        navBarStyle();
        /*我的问题的展现列表*/
        getMyQuestionList();
        registerHelper();
        registerHelper_status();
        /*展示知道的图片*/
        showKnowPicture();
        /*等你来回答*/
        waitYouToAnswer();
        /*排行榜的显示*/
        record();
        registerHelper_status1();
        registerHelper_status2();
        registerHelper_status3();
        registerHelper_status4();
        /*精华问题的显示*/
        essenceQuestion();
    });
</script>


</body>
</html>